<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="../static/bootstrap-3.4.1-dist/bootstrap/css/bootstrap.css" >
</head>
<body>
<div class="container">
	<div class="row clearfix">
		<div class="col-md-12 column">
			<div class="row clearfix">
				<div class="col-md-4 column">
					<div class="list-group">
						 <a href="#" class="list-group-item active">Home</a>
						<div class="list-group-item">
							List header
						</div>
						<div class="list-group-item">
							<h4 class="list-group-item-heading">
								List group item heading
							</h4>
							<p class="list-group-item-text">
								...
							</p>
						</div>
						<div class="list-group-item">
							 <span class="badge">14</span> Help
						</div> <a class="list-group-item active"> <span class="badge">14</span> Help</a>
					</div>
					<div class="panel panel-default">
						<div class="panel-heading">
							<h3 class="panel-title">
								Panel title
							</h3>
						</div>
						<div class="panel-body">
							Panel content
						</div>
						<div class="panel-footer">
							Panel footer
						</div>
					</div>
				</div>
				<div class="col-md-8 column">
					<h3>
						h3. 这是一套可视化布局系统.
					</h3>
					<div class="btn-group">
						 <button class="btn btn-default">Action</button> <button data-toggle="dropdown" class="btn btn-default dropdown-toggle"><span class="caret"></span></button>
						<ul class="dropdown-menu">
							<li>
								 <a href="#">操作</a>
							</li>
							<li class="disabled">
								 <a href="#">另一操作</a>
							</li>
							<li class="divider">
							</li>
							<li>
								 <a href="#">其它</a>
							</li>
						</ul>
					</div>
					<div class="row clearfix">
						<div class="col-md-4 column">
							<img alt="140x140" src="v3/default3.jpg" />
						</div>
						<div class="col-md-6 column">
							<h3>
								h3. 这是一套可视化布局系统.
							</h3> <address> <strong>Twitter, Inc.</strong><br /> 795 Folsom Ave, Suite 600<br /> San Francisco, CA 94107<br /> <abbr title="Phone">P:</abbr> (123) 456-7890</address>
						</div>
						<div class="col-md-2 column">
							 <span class="label label-default">标签</span> <button type="button" class="btn btn-default">按钮</button>
						</div>
					</div>
					<div class="row clearfix">
						<div class="col-md-4 column">
						</div>
						<div class="col-md-6 column">
						</div>
						<div class="col-md-2 column">
						</div>
					</div>
					<div class="row clearfix">
						<div class="col-md-4 column">
						</div>
						<div class="col-md-6 column">
						</div>
						<div class="col-md-2 column">
						</div>
					</div>
					<ul class="pagination">
						<li>
							 <a href="#">Prev</a>
						</li>
						<li>
							 <a href="#">1</a>
						</li>
						<li>
							 <a href="#">2</a>
						</li>
						<li>
							 <a href="#">3</a>
						</li>
						<li>
							 <a href="#">4</a>
						</li>
						<li>
							 <a href="#">5</a>
						</li>
						<li>
							 <a href="#">Next</a>
						</li>
					</ul>
				</div>
			</div>
		</div>
	</div>
</div>
</body>
</html>